<template>
    <div loading = "true">
        <el-card class="box-card">
            <div slot="header" class="clearfix">
                <!-- 头部卡片 -->
                <product-hader></product-hader>
            </div>
            <div>
                <!-- 按钮选择区域 -->
                <product-select @getProductListByLongId="getProductListByLongId"></product-select>
            </div>
            <div>
                <!-- 主体表格 -->
                <product-content :contentformValue="contentformValue" :productSourceList="productSourceList"></product-content>
                <!-- <product-content-ticket :productSourceList="productSourceList"></product-content-ticket> -->
            </div>
        </el-card>
    </div>
</template>

<script>
import { mapGetters, mapMutations } from 'vuex';
import { shopSelect } from '@/api/product_source/product_source'
export default {
    name: 'TicketSystemAdminProductSource',
    components: {
        'product-hader': () => import('./components/header'),
        'product-content': () => import('./components/content'),
        // 'product-content-ticket': () => import('./components/content_ticket'),
        'product-select': () => import('./components/select'),
    },
    data() {
        return {
            productSourceList: [],
            formValue: ''
        };
    },

    computed: {
        ...mapGetters('productSource', ['GET_PRODUCT_SOURCE_SHOP_ID']),
    },

    methods: {
        ...mapMutations('productSource', ['UPDATE_PRODUCT_SOURCE_SHOP_ID', 'UPDATE_PRODUCT_ID_VALUE']),
        getProductListByLongId(value) {
          console.log(value)
            this.productSourceList = value.data.resultList
        },
    },
};
</script>

<style lang="scss" scoped>
/deep/.el-card__header {
    margin-left: 20px!important;
    padding-left: 0px!important;
}
</style>
